@import "../../../asset/style/index";
.page{
    background: #F9F9F9;
}

.head-top .head-text {
    padding-right: 34px;

}
//头部
.course-head{
    width: 100%;
    padding-bottom: 20px;
    position: fixed;
    top: 0;
    z-index: 600;
    .search-content{
        width:702px;
        height:68px;
        margin: 0 auto;
        background:#FFFFFF;
        border-radius:44px;
        padding: 0 32px;
        box-sizing: border-box;
        color: #ACACAC;
        font-size: 28px;
        margin-top: 132px;
        margin-bottom: 16px;
        .search-icon{
            width: 44px;
            margin-right: 12px;
        }
        .search-btn{
            width:120px;
            height:60px;
            background:#008589;
            color: #ffffff;
            font-size: 28px;
            border-radius:12px;
        }
    }
}
.course-content{
    width: 100%;
    position: fixed;
    top: 110px;
    z-index: 600;
}
.keep-content{
    width: 100%;
    padding: 32px;
    margin-top: 328px;
    box-sizing: border-box;
    //display: flex;
    //align-items: flex-start;
    //justify-content: space-between;
    //flex-wrap: wrap;
    column-count: 2;
    column-gap: 0;
    .keep-content-lists{
        break-inside: avoid;
        width: 330px;
        margin-bottom: 20px;
        background: #ffffff;
        border-radius: 16px;
        .content-list-img{
            width: 100%;
            border-top-left-radius: 16px;
            border-top-right-radius: 16px;
        }
        .content-list-wraps{
            width: 100%;
            padding: 16px 24px;
            box-sizing: border-box;
            .content-list-name{
                color: #999999;
                font-size: 22px;
                font-weight: 400;
                margin-bottom: 8px;
                .da-moeny{
                    color: #000000;
                    font-size: 28px;
                    font-weight: 600;
                }
            }
            .content-list-gg{
                width: 100%;
                overflow: hidden;
                font-size: 24px;
                color: #999999;
                margin-bottom: 8px;
                display: flex;
                align-items: center;
                .quan{
                    width: 24px;
                    height: 23px;
                    margin-right: 8px;
                }
                .list-gg-item{
                    color: #696565;
                    font-size: 22px;
                    margin-right: 8px;
                }
            }
            .content-list-money{
                font-size: 30px;
                color: #707070;
                font-weight: 500;
            }
        }
    }
}

.leixin-list-wrap{
    padding-bottom: 10px;
}

.keep-contents-wrap{
    width: 100%;
    padding: 0 24px;
    box-sizing: border-box;
    padding-top: 420px;
}
